* {
scrollbar-color:{%- if config.tb_col.scrollbar_fg -%}{{- config.tb_col.scrollbar_fg -}}{%- else -%}{{- "#aaa" -}}{%- endif -%} {%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%};
}
/* WEBKIT SPECIFIC SCROLLBAR - Handle */
::-webkit-scrollbar-thumb { background:{%- if config.tb_col.scrollbar_fg -%}{{- config.tb_col.scrollbar_fg -}}{%- else -%}{{- "#aaa" -}}{%- endif -%}; }
/* WEBKIT SPECIFIC SCROLLBAR - Track */
::-webkit-scrollbar-track { background:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%}; }

/* default. articles etc. */
body {
color:{%- if config.tb_col.def_fg -%}{{- config.tb_col.def_fg -}}{%- else -%}{{- "#222" -}}{%- endif -%};
background:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%};
}

/* tag cloud links and h1-h6 */
.tag_cloud li a, h1, h2, h3, h4, h5, h6 {
color:{%- if config.tb_col.h_fg -%}{{- config.tb_col.h_fg -}}{%- else -%}{{- "#444" -}}{%- endif -%};
}
/* code/pre and highlighted words inside small text blocks */
code,pre {
color:{%- if config.tb_col.code_fg -%}{{- config.tb_col.code_fg -}}{%- else -%}{{- "#73001d" -}}{%- endif -%};
}

/*
links, mobile menu hamburger, the big 404, "required" marker for Contact form
*/
a,
article.list h1:first-child,
label[for="menu-icon"]:hover,
.four04,
.p01-contact .required label:after,
a > code {
color:{%- if config.tb_col.a_fg -%}{{- config.tb_col.a_fg -}}{%- else -%}{{- "#003a73" -}}{%- endif -%};
}

code::selection, pre::selection {
/* simple reverse video */
background:{%- if config.tb_col.code_fg -%}{{- config.tb_col.code_fg -}}{%- else -%}{{- "#73001d" -}}{%- endif -%};
color:{%- if config.tb_col.box_bg -%}{{- config.tb_col.box_bg -}}{%- else -%}{{- "#ccc" -}}{%- endif -%};
}

/* other Selection */
::selection{
/* simple reverse video */
background:{%- if config.tb_col.def_fg -%}{{- config.tb_col.def_fg -}}{%- else -%}{{- "#222" -}}{%- endif -%};
color:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%};
}

/* Contact form button color */
.p01-contact input[type=submit]:not([type=radio]):not([type=checkbox]),
.p01-contact input[type=button]:not([type=radio]):not([type=checkbox]) {
color:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%};
background:{%- if config.tb_col.a_fg -%}{{- config.tb_col.a_fg -}}{%- else -%}{{- "#003366" -}}{%- endif -%};
}

/* all sorts of boxes */
#toc,
code,
pre,
blockquote,
kbd,
aside,
article.list:hover,
input[type=checkbox]:checked ~ label,
nav#menu-icon,
input,
textarea,
select,
.boxed {
background:{%- if config.tb_col.box_bg -%}{{- config.tb_col.box_bg -}}{%- else -%}{{- "#ccc" -}}{%- endif -%};
}

/* borders around boxes */
blockquote,
kbd,
aside,
pre,
.border,
input,
textarea,select {
border-color:{%- if config.tb_col.box_border -%}{{- config.tb_col.box_border -}}{%- else -%}{{- "#999" -}}{%- endif -%};
}

/* horizontal line, details border */
hr,details {
  border-color:{%- if config.tb_col.box2_bg -%}{{- config.tb_col.box2_bg -}}{%- else -%}{{- "#bbb" -}}{%- endif -%};
}

/* header,footer, slightly different background */
header, footer,
.small span, input.submit {
background:{%- if config.tb_col.box2_bg -%}{{- config.tb_col.box2_bg -}}{%- else -%}{{- "#bbb" -}}{%- endif -%};
}

/* Input styles */
input, textarea, select {
    color: {%- if config.tb_col.input_fg -%}{{- config.tb_col.input_fg -}}{%- else -%}{{- "#111" -}}{%- endif -%};
}

/* input focus border highlight */
input:focus,
textarea:focus,
select:focus {
border-color:{%- if config.tb_col.input_hi -%}{{- config.tb_col.input_hi -}}{%- else -%}{{- "#333" -}}{%- endif -%};
}
@media screen and (min-width: 768px) { nav#menu-icon { background: unset; } }